<div>


    <div class="modal ${active}">
        <div class="modal-background" u-click="onCancel"></div>
        <div class="modal-card">
            <header class="modal-card-head">
                <p class="modal-card-title" u-v="dialog.title"></p>
                <button class="delete" aria-label="close"></button>
            </header>
            <section class="modal-card-body">
                <div u-v="dialog.text"></div>
            </section>
            <footer class="modal-card-foot">
                <button class="button" u-click="onCancel">关闭</button>

            </footer>
        </div>
    </div>


</div>